<template>
  <div>
    <el-container width="100%">
      <el-aside width="200px" class="left-nav-container"><left-nav /></el-aside>
      <el-container direction="vertical">
        <Header />
        <router-view class="main" />
      </el-container>
    </el-container>
  </div>
</template>

<script>
import LeftNav from '@/components/LeftNav'
import Header from '@/components/Header'
export default {
  name: 'Main',
  data() {
    return {}
  },
  components: {
    LeftNav,
    Header,
  },
}
</script>

<style scoped>
.main {
  margin-top: 70px;
  min-height: 500px;
  min-width: 996px;
  padding: 4px 10px;
  overflow: hidden;
  margin-bottom: 25px;
}
</style>
